import { FC } from "react";
import styles from "./index.module.scss";
import { useNavigate } from "react-router-dom";

const LogoComp: FC = () => {
  const navigate = useNavigate();

  const onCheck = () => {
    navigate("/");
  };

  return (
    <img
      onClick={onCheck}
      className={styles.headLogo}
      src="https://y.qq.com/mediastyle/yqq/img/logo.png?max_age=2592000"
      alt="qq music"
    />
  );
};

export default LogoComp;
